// 用常量声明，不可被修改
const registBox = qs('.register.box')
const loginBox = qs('.login.box')

// 点击去登录
qs('.register a').onclick = function() {
        // onclick是注册事件
        // 隐藏或显示
        loginBox.style.display = 'block'
        registBox.style.display = 'none'
    }
    // 点击去注册
qs('.login a').onclick = function() {
    loginBox.style.display = 'none'
    registBox.style.display = 'block'
}


// 注册功能
// 1,给注册的表单添加一个submit事件
qs('.register form').onsubmit = function(e) {
    // 2，阻止默认行为
    e.preventDefault()
        // 3，获取用户名和密码
    const userInpt = qs(".register input[name=username]")
    const passInp = qs(".register input[name=password]")

    const username = userInpt.value
    const password = passInp.value
        // 非空校验
    if (username.trim().length === 0) {
        alert('用户名不能为空')
        return
    }
    if (password.trim().length === 0) {
        alert('密码不能为空')
        return
    }
    // 发起一个请求
    axios.post('/api/register', { username, password }).then(res => {
        const { code, message } = res.data
            // 判断返回结果
        if (code === 0) {
            alert(message)
                // 清空输入框
            userInpt.value = ''
            passInp.value = ''
                // 切换置登录
            loginBox.style.display = 'block'
            registBox.style.display = 'none'
        } else {
            // 注册失败
            alert(message)
        }
    })
}

// 登录功能
qs('.login form').onsubmit = function(e) {
    e.preventDefault()

    const userInpt = qs(".login input[name=username]")
    const passInp = qs(".login input[name=password]")

    const username = userInpt.value
    const password = passInp.value
        // 非空校验
    if (username.trim().length === 0) {
        alert('用户名不能为空')
        return
    }
    if (password.trim().length === 0) {
        alert('密码不能为空')
        return
    }

    axios.post('/api/login', { username, password }).then(res => {
        console.log(res.data)
        const { code, token } = res.data
        if (code === 0) {
            // 登录成功, 存储token, 跳转登录
            localStorage.setItem('token', token)
            location.href = './index.html'
        } else {
            // 登录失败
            alert(message)
        }
    })
}